<template>
	<div>
		<span class="text-[#ff0000] min-w-7">{{ userInfo.name }}</span>
		<br />
		<el-button class="text-xl text-[#ff0000]">按钮</el-button>
		<el-button type="primary">Primary</el-button>
		<el-button type="success">Success</el-button>
		<el-button type="info">Info</el-button>
		<el-button type="warning">Warning</el-button>
		<el-button type="danger">Danger</el-button>
	</div>
</template>
<script lang="ts" setup>
import { storeToRefs } from "pinia";
import { useUserStore } from "@/store/user";

const userInfoStore = useUserStore();

const { userInfo } = storeToRefs(userInfoStore);
</script>
